/* Blogging section */
.blog-line-separator {
  margin-top: 1.5em;
  margin-bottom: 2em;
  border-color: rgba(0,0,0,.125);
}

@media (min-width: 576px) {
  .blog-line-separator {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
}

.blog-line-separator-end {
  margin-top: 2em;
  margin-bottom: 1.5em;
}

.blog-content h1, .blog-content .h1 {
  font-size: 1.6em;
}

.blog-content h2, .blog-content .h2 {
  font-size: 1.5em;
}

.blog-content h3, .blog-content .h3 {
  font-size: 1.4em;
}

.blog-content h4, .blog-content .h4 {
  font-size: 1.3em;
}

.blog-content h5, .blog-content .h5 {
  font-size: 1.2em;
}

.blog-content h6, .blog-content .h6 {
  font-size: 1.1em;
}

.comment {
  padding: 1em;
  width: 100%;
}

.comment:hover {
  background-color: #f7f7f7;
}

.comment-hidden {
  opacity: 0.5;
}

.comment-hidden:hover {
  opacity: 1;
}

.comment-content {
  word-break: break-word;
}

.comment-content p {
  margin-bottom: 0.25em;
}

.comment-content :last-child {
  margin-bottom: 0;
}

.comment-line {
  display: flex;
}

.comment-raquo {
  width: 2em;
  line-height: 100%;
  color: transparent;
  display: flex;
  align-items: center;
}

.comment-scope:hover > .comment-line > .comment-raquo {
  color: gray;
}
